<template>
	<view class="content">
        <view class="prv-max">
             <image class="p-img" src="/static/equity/1.png" />
             <image class="n-img" src="/static/equity/4.png" />
        </view>

         <view class="next-max">
             <image class="p-img" src="/static/equity/5.png" />
             <image class="n-img" @click="btnUrl" src="/static/equity/2.png" />
        </view>

        <view class="max-page-title">
          <view class="mtitle">
            合作银行活动
          </view>
          <view class="text-box">
              <view class="title">权益对象</view>
              <view class="content">已开通权益并完成激活的用户  </view>
          </view>
           <view class="text-box">
              <view class="title">权益规则  </view>
              <view class="content">
                1.支持全国UME影城，北京上海除外<br/>
                 2.在有效期内，不限次免费观影 <br/>
                 3.限本人使用  </view>
          </view>
                    <view class="text-box">
              <view class="title">使用规则  </view>
              <view class="content">办理成功后，第一次使用前请到任意一个UME影院录入人脸识别，激活权益。以后每次观影可直接购票或通过小程序在线选座。每次检票入场  </view>
          </view>
        </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      msg: '',
    };
  },
  methods: {
    btnUrl(){
      	uni.redirectTo({ url: '/pages/user/equity_Introduction'});
    }
  },
};
</script>
<style  lang="scss" scoped>
	.content {
		 -webkit-overflow-scrolling: touch;
		 background-color: #fff;
     position: relative;
  }
  .prv-max{
    height: px2vw(250);
    width: 100vw;
    position: relative;
      .p-img{
            height: px2vw(200);  
            width: 100vw;
      }
       .n-img{
          height: px2vw(204);  
          width: px2vw(352);
          position: absolute;
          top: px2vw(50);
          z-index: 99;
          left: 50%;
          margin-left:  - px2vw(176);
      }
    }
    .next-max{
      margin: 0 auto;
      text-align: center;
       .p-img{
            height: px2vw(134);  
            width: px2vw(282);
            padding:px2vw(20) 0;  
      }
       .n-img{
          padding:px2vw(20) 0;
          height: px2vw(203);  
          width: px2vw(350);
      }
    }
    .max-page-title{  
        width: 100vw;
        border-top:px2vw(10) solid #eee;
        background-color: #fff;
        padding: px2vw(20) 0;
      .mtitle{
        font-size: px2vw($fz18);
        text-align: center;
        padding: px2vw(20) 0;
        color: #FA9529;
        font-weight: 600;
         background: -webkit-gradient(linear,left top,right top,from(#FA9529),to(#F34A41));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      .text-box{
        margin: 0 auto px2vw(10) auto;
        width: px2vw(300);
        border-bottom: px2vw(1) solid #eee;
        .title{
          font-weight: 600;
          font-size: px2vw($fz18);
          padding: px2vw(10) 0;
          color: #000;
        }
        .content{
          font-size: px2vw($fz14);
          padding: 0 0 px2vw(20) 0;
          color: #333;
          line-height: px2vw(30);
        }
      }
    }
</style>
